<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>自动阅读插件</title>
    <link rel="stylesheet" href="./css/common.css">
    <link rel="stylesheet" href="./css/index.css">
</head>

<body>
    <div class="list-hd">
        <h2>书籍列表</h2>
    </div>
    <div class="container">
        <ul class="bk-list">
            <li class="list-item">
                <a href="./detail.html" class="item-lk">
                    <div class="bk-pic">
                        <img src="img/1.jpg" alt="">
                    </div>
                    <div class="bk-info">
                        <h2>完美世界</h2>
                        <p>作者：他乡灯火</p>
                        <p class="intro">
                            发生分化圣诞快乐发士大夫士大夫房价ask浪费按附件按时灯笼裤飞机撒发了发时间分厘卡电视机发附件是浪费科技撒赖发生司法解释大力开发进度是发世界的分厘卡沙发了发士大夫角度上来看</p>
                        <p>更新时间：2022-2-3</p>
                    </div>
                </a>
            </li>
            <li class="list-item">
                <a href="#" class="item-lk">
                    <div class="bk-pic">
                        <img src="img/1.jpg" alt="">
                    </div>
                    <div class="bk-info">
                        <h2>完美世界</h2>
                        <p>作者：他乡灯火</p>
                        <p class="intro">
                            发生分化圣诞快乐发士大夫士大夫房价ask浪费按附件按时灯笼裤飞机撒发了发时间分厘卡电视机发附件是浪费科技撒赖发生司法解释大力开发进度是发世界的分厘卡沙发了发士大夫角度上来看</p>
                        <p>更新时间：2022-2-3</p>
                    </div>
                </a>
            </li>
            <li class="list-item">
                <a href="#" class="item-lk">
                    <div class="bk-pic">
                        <img src="img/1.jpg" alt="">
                    </div>
                    <div class="bk-info">
                        <h2>完美世界</h2>
                        <p>作者：他乡灯火</p>
                        <p class="intro">
                            发生分化圣诞快乐发士大夫士大夫房价ask浪费按附件按时灯笼裤飞机撒发了发时间分厘卡电视机发附件是浪费科技撒赖发生司法解释大力开发进度是发世界的分厘卡沙发了发士大夫角度上来看</p>
                        <p>更新时间：2022-2-3</p>
                    </div>
                </a>
            </li>
            <li class="list-item">
                <a href="#" class="item-lk">
                    <div class="bk-pic">
                        <img src="img/1.jpg" alt="">
                    </div>
                    <div class="bk-info">
                        <h2>完美世界</h2>
                        <p>作者：他乡灯火</p>
                        <p class="intro">
                            发生分化圣诞快乐发士大夫士大夫房价ask浪费按附件按时灯笼裤飞机撒发了发时间分厘卡电视机发附件是浪费科技撒赖发生司法解释大力开发进度是发世界的分厘卡沙发了发士大夫角度上来看</p>
                        <p>更新时间：2022-2-3</p>
                    </div>
                </a>
            </li>
            <li class="list-item">
                <a href="#" class="item-lk">
                    <div class="bk-pic">
                        <img src="img/1.jpg" alt="">
                    </div>
                    <div class="bk-info">
                        <h2>完美世界</h2>
                        <p>作者：他乡灯火</p>
                        <p class="intro">
                            发生分化圣诞快乐发士大夫士大夫房价ask浪费按附件按时灯笼裤飞机撒发了发时间分厘卡电视机发附件是浪费科技撒赖发生司法解释大力开发进度是发世界的分厘卡沙发了发士大夫角度上来看</p>
                        <p>更新时间：2022-2-3</p>
                    </div>
                </a>
            </li>
        </ul>
    </div>
    <a href="#" class="s-top-but">

    </a>
    <script src="./js/utils.js"></script>
    <script src="./js/index.js"></script>
</body>

</html>